import React, { Component } from 'react';
import Hello from '../components/Hello';
class App extends Component {
    getMag(text) {
        alert(text)
    }
    state = {}
    render() {
        return (<div>
            <Hello name="邢帅兵" age="22"></Hello>
            <Hello name="兵" age="18"></Hello>
            <Hello getMags={this.getMag} />
        </div>);
    }
}

export default App;

// Hello组件代码：
/*
代码如下：src/components/Hello.jsx
function Hello(props) {
    return (
        <div>
            你好组件！
            <h1>组件传参！</h1>
            <p>姓名：{props.name}</p>
            <p>姓名：{props.age}</p>
            <button onClick={() => props.getMags("组件传参，子传父")}>子传父</button>
        </div>
    );
}

export default Hello;
props单词固定写法，父组件传递给子组件的参数
props里面的属性和方法都必须是只读（不可以更改其值)

定义默认props
Hello.defaultProps = {
    name: "张三丰",
    age: 333
}

*/